<template>
  <div class="svt-pagination">
    <el-pagination
      :small="true"
      background
      layout="prev, pager, total, next, jumper"
      :total="totalCount"
      :page-size="pageLimit"
      @current-change="pageChange"
      class="log-pagination"
      :current-page="currentPage"
    ></el-pagination>
  </div>
</template>
<script>
export default {
  name: "svt-pagination",
  props: {
    totalCount: {
      type: Number,
      default: 10
    },
    pageLimit: {
      type: Number,
      default: 10
    },
    currentPage: {
      type: Number,
      default: 1
    }
  },
  data() {
    return {
      // currentPage: 1
    };
  },
  computed: {
    
  },
  created() {},
  methods: {
    pageChange(pageIndex) {
      this.$emit('changePageIndex', pageIndex)
    }
  }
};
</script>
<style lang='scss' scoped>
</style>
